﻿
@{
    ViewBag.Title = "ViewProblems";
}

@{
    Layout = "~/Shared/_layoutViewProblem.cshtml";
    var PageTitle = "View Problems";
}

@section title
{
    @PageTitle
}

<script src="/Scripts/jquery-1.8.2.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui.js" type="text/javascript"></script>
<link rel="stylesheet" href="/Styles/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="~/Styles/template.css" media="screen">
<link href="../../Styles/jquery.ambiance.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery.ambiance.js" type="text/javascript"></script>

<script type="text/javascript">
    function Post() {
        $.ambiance({
            message: "Your Comment is Posted successfully!",
            title: "Success!",
            type: "success"
        });
    }

    function Cancel() {
        $.ambiance({
            message: "Cancel Comment",
            title: "Cancel!",
            type: "error"
        });
    }
</script>

@using (Html.BeginForm("ViewProblems", "DiscussionPanel", FormMethod.Post, new { @class = "background" }))
{   
    <br />
    <div id="content">
        <h2 style="text-align: center;"><b>View Problem</b></h2>
        <br />
    </div>
      
    <table id="ViewProblemTable" style="margin-left: 40px; margin-bottom: -35px;">
        <tbody id="commentstb">
            <tr>
                <td>
                    <b>Problem Title:</b>
                </td>
                <td>SQL Problem
                </td>
                <td>
                    <b style="margin-left: -133px;">Time: </b>
                    @System.DateTime.Now
                </td>
            </tr>
            <tr>
                <td>
                    <b>Problem Text:</b>
                </td>
                <td>Problem in using entity Model    
                </td>
            </tr>
            <tr>
                <td>
                    <b>Problem Tag:</b>
                </td>

                <td>SQL</td>
            </tr>

            <tr>
                <td>
                    <label><b>Attach a file: </b></label>
                </td>
                <td>
                    <input type="file" /></td>
            </tr>

            <tr id="commenttr">
                <div id="CommentsParent">
                    <td id="commenttd"><b>Posted Comments: </b></td>
                    <td>
                        <div id="commentdiv"></div>
                        Vague query, define clearly what do you want to ask..
                    </td>

                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#">
                        <img src="~/Images/ThumbsUp.jpg" style="height: 20px; width: 20px" /></a>
                        <a href="#">
                            <img src="~/Images/ThumbsDown.jpg" style="height: 20px; width: 20px" /></a>
                    </td>
                </div>

            </tr>
            <tr>
                <div id="abc">
                    <td>
                        <b>Comment:</b>
                    </td>
                    <td>
                        <textarea rows="5" cols="30"></textarea>
                    </td>
                </div>

            </tr>
        </tbody>
    </table>
    
    <div>
        <br />
        <input type="button" value="Post" class="buttonSave" style="margin-left: 196px; margin-bottom: 31px;margin-top: 22px;" onclick="Post()" />
        <input type="button" value="Cancel" class="buttonCancel" onclick="Cancel()" />
    </div>
   
}